<template>
	<view class="Ultramans">
		<view class="Ultramans_asd">
			<u-cell-group>
				<u-cell title="地址" value="吉林省长春市南关区明宇广场A2座"></u-cell>
				<u-cell title="联系方式" value="C"></u-cell>
				<u-cell title="上门时间" value="2024年3月12日15:57:19"></u-cell>
				<u-cell title="回收品类" value="家具"></u-cell>
				<u-cell title="平台费用" value="3%"></u-cell>
			</u-cell-group>
		</view>
		<view class="Ultramans_zf">
			<view class="Ultramans_zf_je">
				<text style="font-size: 14px;color: #9e9e9e;">总计：</text>
				<text style="font-size: 14px;color: #fa4443;">￥175.5</text>
			</view>
			<view class="Ultramans_zf_z">
				支付
			</view>
		</view>
	</view>
</template>

<script>
import {
  defineComponent
} from "vue";
import UCell
  from "../../uni_modules/uview-ui/components/u-cell/u-cell.vue";

export default defineComponent({
  components: {UCell}
})
</script>

<style scoped>
	page {
		background-color: #f6f6f6;
	}


	.Ultramans {
		width: 100%;
		position: absolute;
	}

	.Ultramans_asd {
		width: 95%;
		margin: 10px auto;
		background-color: #fff;
		border-radius: 15px;
	}

	/deep/.u-cell__body {
		padding: 16px 15px !important;
	}

	/deep/.u-cell__title-text {
		font-size: 17px !important;
	}

	.Ultramans_zf {
		width: 100%;
		display: flex;
		position: fixed;
		bottom: 0;
		border-top: 1px solid #f6f6f6;
		align-items: center;
		justify-content: space-between;
	}

	.Ultramans_zf_je {
		margin-left: 30px;
	}

	.Ultramans_zf_z {
		width: 100px;
		height: 50px;
		background-image: linear-gradient(to right, #ff9898, #ff6463);
		text-align: center;
		line-height: 50px;
	}
</style>
